﻿<!DOCTYPE html >
<!-- saved from url=(0042)flipin.html -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>jQuery Contact Form Plugin: FFForm</title>
    <link href="css/demo.css" rel="stylesheet" type="text/css">
    <!--Framework-->
    <!--End Framework-->

    <script type="text/javascript">
        $(document).ready(function () {
            $('#form').ffform({ animation: 'flip', submitButton: '#submit', validationIndicator: '#validation', errorIndicator: '#error', successIndicator: '#success', 'fields': [{ 'id': 'name', required: true,requiredMsg:'Name is required', type: 'alpha', validate: true, msg: 'Invalid Name' }, { 'id': 'email', required: true,requiredMsg:'E-Mail is required', type: 'email', validate: true, msg: 'Invalid E-Mail Address' }, { 'id': 'phone', required: false, type: 'custom', validate: false, msg: 'Invalid Phone #' }, { 'id': 'message', required: false, type: 'text', validate: false, msg: ''}] });
        });
    </script>
</head>
<body>
    <div class="demos-buttons">
        <h3>
            Demos</h3>
          <a href="index.html" class="submit active">Simple</a><br />
        <a href="flipin.html" class="submit">Flip In</a> <a href="fromright.html"
            class="submit">From Right</a>
        <br>
        <a href="bouncy.html" class="submit">Bouncy</a> <a href="fadein.html" class="submit">
            Fade In</a><br>
        <a href="roatebottom.html" class="submit">Rotate From Bottom</a>
        <br>
        <a href="fromtop.html" class="submit">From Top</a><br>
        <a href="pagelevel01.html" class="submit">Page Level 01</a><br>
        <a href="pagelevel02.html" class="submit">Page Level 02</a><br>
        <a href="update" class="submit">升级版本</a>
    </div>
    <section id="getintouch" >
        <div class="container" style="border-bottom: 0;">
            <h1>
                <span>GET STARTED NOW — IT'S FREE!</span>
            </h1>
        </div>
        <div class="container">
            <form class="contact" action="/update/local" method="post" id="form">
            <div class="row clearfix">
                <div class="lbl">
                    <label for="name">
                        Name</label>
                </div>
                <div class="ctrl">
                    <input type="text" id="name" name="name" data-required="true" data-validation="text"
                        data-msg="Invalid Name" placeholder="Ex: John Donga">
                </div>
            </div>
            <div class="row clearfix">
                <div class="lbl">
                    <label for="email">
                        E-Mail</label>
                </div>
                <div class="ctrl">
                    <input type="text" id="email" name="email" data-required="true" data-validation="email"
                        data-msg="Invalid E-Mail" placeholder="Ex: youremail@domain.com">
                </div>
            </div>
            <div class="row clearfix">
                <div class="lbl">
                    <label for="email">
                        Phone</label>
                </div>
                <div class="ctrl">
                    <input type="text" id="phone" name="phone" data-required="true" data-validation="custom"
                        data-msg="Invalid Phone #" placeholder="Ex: 111-258-444">
                </div>
            </div>
            <div class="row clearfix">
                <div class="lbl">
                    <label for="subject">
                        Subject</label>
                </div>
                <div class="ctrl">
                    <input type="text" name="subject" id="subject" placeholder="Ex: Quote for Project">
                </div>
            </div>
            <div class="row clearfix">
                <div class="lbl">
                    <label for="message">
                        Message</label>
                </div>
                <div class="ctrl">
                    <textarea id="message" name="message" rows="6" cols="10"></textarea>
                </div>
            </div>
            <div class="row  clearfix">
                <div class="span10 offset2">
                    <input type="submit" name="submit" id="submit" class="submit" value="Send Message">
                </div>
            </div>
            </form>
            <div id="success">
                Your E-Mail has been sent successfully!</div>
            <div id="error">
                Unable to send e-mail at the moment, please try later.</div>
            <div id="validation">
            </div>
        </div>
         <form action="/update/local" enctype="multipart/form-data" method="post">
             <input type="file" name="name"/>
             <input type="submit" value="提交">
       </form>
    <div id="sse">
         <a href="javascript:WebSocketTest()">运行 WebSocket</a>
      </div>
    </section>
</body>
<script type="text/javascript">
 function WebSocketTest()
 {
    if ("WebSocket" in window)
    {
       // 打开一个 web socket
       var ws = new WebSocket("ws://localhost:1235");

       ws.onopen = function()
       {
          ws.send("发送数据");
          alert("数据发送中...");
       };

       ws.onmessage = function (evt)
       {
          var received_msg = evt.data;
          alert("数据已接收...");
       };

       ws.onclose = function()
       {
          alert("连接已关闭...");
       };
    }

    else
    {
       alert("您的浏览器不支持 WebSocket!");
    }
 }
</script>
</html>
